<template>
  <table>
    <Custom :title="'用户名'">
      <template>
        <input type="text">
      </template>
    </Custom>
    <Custom :title="'密码'">
      <template>
        <input type="password">
      </template>
    </Custom>
    <Custom :title="'性别'">
      <template>
        <input
          type="radio"
          name="sex"
        >男
        <input
          type="radio"
          name="sex"
        >女
      </template>
    </Custom>
    <Custom :title="'爱好'">
      <template>
        <input type="checkbox">抽烟
        <input type="checkbox">喝酒
        <input type="checkbox">烫头
      </template>
    </Custom>
    <Custom :title="'来自于'">
      <template>
        <select>
          <option>北京</option>
          <option>天津</option>
          <option>上海</option>
        </select>
      </template>
    </Custom>
  </table>

</template>
 
<script>
import Custom from '@/components/Custom'
export default {
  components: {
    Custom
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
table {
  width: 800px;
  height: 500px;
  border: 1px solid #000;
  border-collapse: collapse;
}
</style>